<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>浙江政务服务网-衢州无差别受理服务管理系统</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/zjzwfw-ht.css">    
      <link rel="stylesheet" href="css/2-statistics.css">
    <script src="js/jquery.1.9.1.min.js"></script>
    <script src="js/zhgl.js"></script>

    <script src="js/echarts.min.js"></script>
</head>
<body>
    <!-- 头部 begin -->
    <div class="zjzw-header">
        <div class="container">
             <div class="row">
                <div class="span6">
                    <a href="http://www.zjzwfw.gov.cn/"><img src="images/logo.png" alt="浙江政务服务网"></a>
                    <span class="zjzw-header-name">衢州无差别受理服务管理系统</span>
                </div>
                <ul class="head-nav">
                    <li class="nav-li-hover jshref" data-href="2-index.html">首页</li>  
                    <!--<li class="nav-li-hover jshref" data-href="2-consign.html">结果取件</li>              -->
                    <li class="nav-li-active jshref" data-href="2-poster.html">统计分析</li>
                    <li class="nav-li-hover" >更多</li>
                    <div class="clearfix"></div>
                </ul>
            </div>
          	<!--个人中心登录部分-->
            <div style="position: relative; right: 160px;">
            	<div class="login">
					<span class="login_per" onmouseover="document.getElementById('userinfomenu').style.display='block';" onmouseout="document.getElementById('userinfomenu').style.display='none';">用户名用户名用户名</span>
					 
                    <div class="userinfomenu" id="userinfomenu" onmouseover="document.getElementById('userinfomenu').style.display='block';" onmouseout="document.getElementById('userinfomenu').style.display='none';">
						<ul>
							<li class="jshref" data-href="http://www.zjzwfw.gov.cn/zjzw/member/main/index.do">用户中心</li>
							<li class="jshref" data-href="https://puser.zjzwfw.gov.cn/sso/usp.do?action=logout&servicecode=njdh">退出</li>
						</ul>
					</div>
                  
				</div>
             </div>
              <!--个人中心登录部分-->
        </div>
    </div>
    <!-- 头部 end -->
	 <!-- 中部 begin -->
    <div class="container zjzw-body"  style="margin-top: 30px;">
        <ul class="top-nav">
            <li class="li-active" data-select="[1,2,3,4,5,8]">按地域</li>
            <li class="li-noslect" data-select="[6,7,8]">按行业</li>
            <li class="li-noslect" data-select="[3,4,5,6,8]">按部门</li>
            <div class="clearfix"></div>
        </ul>
        <div class="select_box">
            <select class='state_select' id="select1">
                <option>全部行业</option>
                <option>小餐饮</option>
                <option>小作坊</option>
                <option>小食杂</option>
                <option>餐饮服务</option>
                <option>卷烟零售</option>
            </select>
            <select class='state_select' id="select2">
                <option>全部事项</option>
                <option>烟草专卖零售许可证</option>

            </select>
            <select class='state_select' id="select6" style="display: none;">
                <option>浙江省</option>
                <option>杭州市</option>
                <option>温州市</option>
                <option>绍兴市</option>
                <option>宁波市</option>
                <option>金华市</option>

            </select>
            <select class='state_select' id="select3">
                <option>所有部门</option>
                <option>省工商局</option>
                <option>省烟草局</option>
                <option>省食药局</option>

            </select>
            <select class='state_select' id="select4">
                <option>全部人员</option>
                <option>名字1</option>
                <option>名字2</option>
                <option>名字3</option>
                <option>名字4</option>

            </select>
            <select class='state_select' id="select5">
                <option>全部状态</option>
                <option>申报成功</option>
                <option>补正数</option>
                <option>外网申报</option>
                <option>大厅收件</option>
                <option>退件数</option>

            </select>

            <select class='state_select' id="select7" style="display: none;">
                <option>全部办事大厅</option>
                <option>大厅1</option>
                <option>大厅2</option>
            </select>
            <div id="select8" style="display: inline-block;">
                 <input type="date" style='height: 27px;width: 130px;border:#dddddd solid 1px;color: #666' value="收件开始日期"/ >
                 <span style="color: #333; font-size: 16px;">-</span>
                 <input type="date" style='height: 27px;width: 130px;border:#dddddd solid 1px;color: #666' value="收件结束日期"/>
            </div>
        </div>
        <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
        <div id="main" style="width:96%;height:400px; margin:30px auto"></div>
    </div>
	<!-- 中部 end -->
    <!-- 尾部 begin -->
    <div class="zjzw-footer">
        <div class="container">
            <div class="row">
                <div class="span12">
                    <p class="hotline">服务咨询热线：0571-XXXXXXXX</p>
                    <p>本服务由xxx单位提供</p>
                    <p>浙江政务服务网</p>
                    <br/>
                </div>
            </div>
            <div class="row">
                <div class="span1">&nbsp;</div>
                <div class="span10 copyright">
                    <p>
                        <span>版权所有 XX市XXXXXXXXX局，未经许可严禁复制或镜像</span>
                        <span>浙ICP备XXXXXXXX号-X</span>
                        <!-- <span>
                            <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=XXXXXXXX"><img src="images/zjzwfw_gaba.png"><span>浙公网安备 XXXXXX号</span></a>
                        </span> -->
                    </p>
                    <p>
                        <span>主管单位：XX市XXXXXXXXX局，</span>
                        <span>技术支持：XX市XXXXXXXXX有限公司</span>
                    </p>
                    <p>
                        <span>地址：XX市XXXXXXXXX</span>
                        <span>邮编：XXXXXX</span>
                        <span>电话：XXXXX</span>
                        <span>E-mail：XXX@XXX.com</span>
                    </p>
                    <img class="icon-dzjg" src="images/zjzwfw_dzjg.png" alt="党政机关">
                </div>
                <div class="span1">&nbsp;</div>
            </div>
        </div>
    </div>
    <!-- 尾部 end -->
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));


        // 指定图表的配置项和数据
        var option = {
            title: {
                text: '衢州无差别受理办理事项数统计图'
            },
            color: ['#1492ff'],
            tooltip: {},
            legend: {
                data:['办理事项数']
            },
            xAxis: {
                data: ["开化","常山","龙游","江山","衢江","柯城"]
            },
            yAxis: {},
            series: [{
                name: '办理事项数',
                type: 'bar',
                data: [5, 36, 10, 10, 20, 20]
            }]

        };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>
</body>

</html>
